<form role="form" ng-submit="processForm(starForm.$valid)" name="starForm">
    <div class="mz-tabkeywords">
        <tags-input required ng-model="search_tags" display-property="name"
                    placeholder="{{placeholdertext}}"
                    key-property="name"
                    replace-spaces-with-dashes="false"
                    min-length="1"
                    max-tags="5"
                    add-from-autocomplete-only="true"
                    add-on-space="true"
                    add-on-paste="true"
                    replace-spaces-with-dashes="false"
                    template="star-tag-template">
            <auto-complete source="loadTags($query)"
                           display-property="name"
                           min-length="1"
                           load-on-down-arrow="true"
                           load-on-focus="true"
                           max-results-to-show="5"
                           template="star-autocomplete-template">
            </auto-complete>
            <span class="mz-selectcount"><span style="color:#373737">{{currentTags}}</span><span style="color:#ababab">/5</span></span>
        </tags-input>
    </div>
    <div class="mz-datepicker" style="position: relative;">
        <span class="datepicker-focus-start" style="display: none;"><span ng-if="formData.startTime==''">开始时间</span><span ng-if="formData.startTime!=''" ng-bind="formData.startTime"></span></span>
        <span class="datepicker-focus-end" style="display: none;"><span ng-if="formData.endTime==''">结束时间</span><span ng-if="formData.endTime!=''" ng-bind="formData.endTime"></span></span>
        <p class="mz-tabtime"><input detect-time-val required readonly name="startTime" ng-model="formData.startTime" data-fq-role="start" style="border-right: 0;" type="text" class="form-control" placeholder="开始时间"></p>
        <p class="mz-tabtime-arrow"><img ng-src="img/arrow.png" style="height: 14px;width: 22px;"/></p>
        <p class="mz-tabtime"><input detect-time-val required readonly  name="endTime" ng-model="formData.endTime" data-fq-role="end" style="border-left: 0;"  type="text" class="form-control" placeholder="结束时间"></p>
    </div>
    <div class="mz-tabsearchbutton">
        <p class="mz-starsearch" style="float: left;margin-left: 80px;"><button style="width: 260px;" type="submit" ng-click="changeType(4)" class="btn btn-default">明星参演的电视剧查询</button></p>
        <p class="mz-starsearch" style="float: right;;margin-right: 80px;"><button style="width: 260px;" type="submit" ng-click="changeType(5)" class="btn btn-default">明星参演的综艺节目查询</button></p>
    </div>
</form>


<script type="text/ng-template" id="star-tag-template">
    <div class="tagselected-panel">
        <span ng-bind="data.name"></span>
        <span><a class="remove-button" ng-click="$removeTag()"><!--&#10006;--></a></span>
        <span ng-bind="data.category"></span>
    </div>
</script>

<script type="text/ng-template" id="star-autocomplete-template">
    <div class="tagdown-panel">
        <span ng-bind-html="$highlight($getDisplayText())"></span>
        <span class="mz-tagdown-area" ng-bind="data.category"></span>
    </div>
</script>